Liquid Glass - Continuity 連續性
設計語言帶來介面一致性,結構設計定義了操作邏輯,而“連續性”(continuity)則將這一切串聯起來,打造出流暢連貫的整體體驗。
這個理念很簡單:當使用者在裝置之間切換或調整視窗大小時,他們不是重新開始,而是繼續之前正在進行的任務。你的 app 應該無縫延續使用者當前的操作狀態,不中斷、不重置,讓使用者始終處於“同一個任務流”中。
One decision, all platforms 一個決策,全平臺通用
每個設計決策 - 從佈局到互動 - 都要在各平臺保持一致性。這樣不僅簡化了設計流程,讓你只需構建一次核心結構再適配各裝置,同時也強化了 Apple 設計系統的核心原則。更新 app 時,請評估跨平臺體驗是否一致,確保設計和互動能無縫適配各種裝置。
iPhone 以小屏專注單任務為主。Mac 則採用寬屏佈局,支援多工並行。iPad 作為中間層,融合了兩者特點,既可緊湊也可寬展,是響應式設計的關鍵平臺。
Use shared content 使用共享內容
spatial organization空間結構 決定了內容在不同裝置間如何保持一致與連貫。只要你有意識地把相關內容歸類,它們就該在不同裝置上也始終“抱團”。在多個裝置上使用相同的圖示(symbols)可以保持語義一致,並透過重複建立使用者熟悉感。
但並不是所有操作都能用圖示直接表達清楚。鉛筆可能被理解成畫圖、註釋;勾可能是“確認”也可能是“完成”,像“選擇”這種就容易看錯。當一個操作沒有清晰的圖示簡寫方式時,使用文字標籤始終是更好的選擇
Use symbols for recognition 使用符號提高可識別性
如果某些操作彼此密切相關(比如多種複製方式),不要為每個操作都重複或稍作修改圖示,那會引起混淆。而正確的做法只需用一個圖示代表整組操作,然後用文字來區分具體動作,這樣既清晰又省空間。
Structure components to scale 構建可擴充套件的元件結構
為了在不同裝置之間實現“連續性”,你需要將元件結構化並具備可伸縮性,把平臺差異當成同一個系統的不同風格,而不是例外。
讓元件在各種環境中都能良好執行,通常取決於兩個關鍵因素:它們的結構(構建方式) 和 它們的行為(互動邏輯)。
Define a shared anatomy 定義共享結構
首先要做的是定義一個共享的構造結構(anatomy),讓所有版本的元件有一致的“骨架”。就像圖示一樣,元件中的每個組成部分都應該保持一致性,並在不同平臺中複用於熟悉的位置,增強使用者熟悉度和認知連貫性。
macOS 上的彈出選單(popup menu)和 iOS 上的上下文選單(context menu)外觀雖然不同,但它們都具備相同的組成部分:選中指示器、圖示、文字標籤和附加項,保持結構一致性。即便結構因平臺而有所調整,統一的互動行為仍能彌補這些差異,使體驗保持一致。

Support core interactions 支援核心互動
元件應當始終支援一套一致的核心互動方式,無論在哪個平臺或介面中使用。
元件的基本操作應在各平臺保持一致。標籤欄、分段控制器、側邊欄等元件在選中狀態、導航和反饋上要統一,確保跨平臺和平臺內的一致性。
當這些元件在行為和體驗上都能彼此呼應、相互協調時,整個系統就會顯得自然流暢、井然有序。
